<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Механизированная уборка и вывоз снега в Москве и МО </title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
    <div class="container">
        <div class="header-row">
            <div class="header-logo">
                <img src="img/logo.svg">
                <p>Механизированная уборка и вывоз снега</p>
            </div>
            <div class="header-social">
                <div>
                    <img src="img/vk.svg">
                    <img src="img/ig.svg">
                </div>
                <div>
                    <img src="img/whatsapp.svg">
                    <p>WhatsApp</p>
                    <span></span>
                    <img src="img/viber.svg">
                    <p>Viber</p>
                </div>
            </div>
            <div class="header-phone">
                <img src="img/tel.svg">
                <div>
                    <p>8 (812) 981 56 11</p>
                    <span>заказать звонок</span>
                </div>
            </div>
        </div>
    </div>
</header>
<section class="hero">
    <div class="container">
        <div class="hero-row">
            <div class="hero-left">
                <h1>Механизированная уборка и вывоз снега в Москве и МО <span>от 240 руб/м3</span></h1>
                <div class="line"></div>
                <p>Наш менеджер подберет необходимую спецтехнику для уборки снега <b>на Ваш объект за 10 минут</b></p>
                <div class="hero-item">
                    <img src="img/bulldozer.svg">
                    <p>Уборка и вывоз снега <b>24/7</b></p>
                </div>
                <div class="hero-item">
                    <img src="img/snow.svg">
                    <p>Поставка спецтехники по первому звонку или <b>с первым снегом</b></p>
                </div>
                <div class="hero-item">
                    <img src="img/doc.svg">
                    <p><b>Бронируем</b> технику за Вашим объектом по договору</p>
                </div>
            </div>
            <div class="hero-right">
                <img src="img/hero-main.png" class="hero-right-img">
                <div class="hero-right-cta">
                    <div>
                        <p> Получите <span>скидку 15%</span></p>
                        <p> на абонентское обслуживание</p>
                        <img src="img/check.svg" class="agree">
                        <p>Я согласен(а) с условиями передачи информации</p>
                    </div>

                    <form>
                        <input type="text" placeholder="номер телефона" class="text">
                        <button class="btn">Получить скидку</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="features">
    <div class="container">
        <div class="features-row">
            <img src="img/snow.png" alt="" class="snow-left">
            <h2>Для кого мы работаем:</h2>
            <span></span>
            <div class="features-items">
                <div class="features-item">
                    <img src="img/checkf.svg">
                    <p>Торговые комплексы</p>
                </div>
                <div class="features-item">
                    <img src="img/checkf.svg">
                    <p>Гипермаркеты, супермаркеты</p>
                </div>
                <div class="features-item">
                    <img src="img/checkf.svg">
                    <p>Склады</p>
                </div>
                <div class="features-item">
                    <img src="img/checkf.svg">
                    <p>Заводы</p>
                </div>
                <div class="features-item">
                    <img src="img/checkf.svg">
                    <p>Жилые комплексы</p>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>